<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>
    传菜台 2.2
  </title>

  <meta name="description" content="<%= htmlWebpackPlugin.options.title %>">

  <% if (webpackConfig.htmlElements.headTags) { %>
    <!-- Configured Head Tags  -->
    <%= webpackConfig.htmlElements.headTags %>
      <% } %>

        <!-- base url -->
        <!--<base href="<%= htmlWebpackPlugin.options.metadata.baseUrl %>">-->

        <style>
          html,
          body,
          app {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
            overflow: hidden !important;
          }
          
          @media all and (min-width: 1000px) {
            html,
            body {
              font-size: 20px;
            }
          }
          
          @media all and (min-width: 1200px) {
            html,
            body {
              font-size: 22px;
            }
          }
          
          @media all and (min-width: 1400px) {
            html,
            body {
              font-size: 24px;
            }
          }
          
          @media all and (min-width: 1900px) {
            html,
            body {
              font-size: 28px;
            }
          }
          
          @font-face {
            font-family: 'Material Icons';
            font-style: normal;
            font-weight: 400;
            src: local('Material Icons'), local('MaterialIcons-Regular'), url("./assets/icon/material.woff") format('woff');
          }
          
          .material-icons {
            font-family: 'Material Icons';
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased;
          }
          
          @font-face {
            font-family: "iconfont";
            src: url('./assets/icon/iconfont.woff') format('woff')
          }
          
          .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
          }
          
          .icon-refresh {
            font-size: 25px;
          }
          
          .loading-container {
            color: black;
            width: 100px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
          }
          
          .icon-loading {
            animation: spin 800ms infinite linear;
            border: 1px solid #000;
            border-bottom: none;
            border-right: none;
            border-radius: 50%;
            width: 15px;
            height: 15px;
            display: inline-block;
            margin-right: 10px;
          }
          
          @keyframes spin {
            0% {
              transform: rotate(0deg);
            }
            100% {
              transform: rotate(360deg);
            }
          }
        </style>
 
        <script src="./assets/js/app/update.js"></script>
</head>

<body>

  <app>
    <!--Loading...-->
    <div class="loading-container">
      <div class="icon-loading"></div>
      <span style="margin:0;font-size: 16px;font-family: 'Microsoft YaHei';">加载中</span>
    </div>
  </app>

  <% if (htmlWebpackPlugin.options.metadata.isDevServer && htmlWebpackPlugin.options.metadata.HMR !== true) { %>
    <!-- Webpack Dev Server reload -->
    <script src="/webpack-dev-server.js"></script>
    <% } %>


</body>

</html>